<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-拼单详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/purchase/coupon.min.css?v=<%=$version%>">
</head>
<body style="background: #fff">
<div id="collageInfo" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        拼单详情
    </header>
    <div class="collageInfo-top">
        <h6>拼单还未成功</h6>
        <p>待分享，还差{{coupons.lastNum}}人<span>剩余时间：{{hours}} : {{minutes}} : {{seconds}}</span></p>
    </div>
    <div class="collageInfo-cent">
        <div class="collageInfo-centImg">
            <strong class="collageInfo-head" v-for="item in coupons.list" :style="bgimg(item.headImg)"></strong>
            <strong class="collageInfo-icon"></strong>
        </div>
        <strong class="collageInfo-centBtn" @click="getShare()">邀请好友拼单</strong>
        <p>分享给好友，让你的小伙伴们一起来拼单吧</p>
    </div>
    <div class="couponInfo-info">
        <div class="coupon-list">
            <strong class="coupon-lableIcon"></strong>
            <strong class="coupon-txt">{{coupons.discount}}折</strong>
            <!--<strong class="purchase-icon5" v-if="burstList.discount==5"></strong>-->
            <!--<strong class="purchase-icon6" v-if="burstList.discount==6"></strong>-->
            <!--<strong class="coupon-icon3" v-if="burstList.discount==7"></strong>-->
            <!--<strong class="coupon-icon4" v-if="burstList.discount==8"></strong>-->
            <strong class="slide-img" :style="bgimg(coupons.imgSrc)"></strong>
            <h6>{{coupons.title}}</h6>
            <span class="couponInfo-money">{{coupons.integral}}</span>
            <p>有效期：<span>{{beginData}}-{{endData}}</span></p>
        </div>
    </div>
    <div class="collageInfo-butt">
        <p>订单编号：{{coupons. orderNumber}}</p>
        <p>订单时间：{{coupons.createDate}}</p>
        <p>支付方式：乐币支付</p>
        <strong>复制</strong>
    </div>
    <div class="collageInfo-footer">
        <!--<span @click="canceluserOrder()">取消订单</span>-->
        <span>联系卖家</span>
    </div>
    <div id="mask" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <div id="collageInfoNew" :class="{'maskShow':isScreen==1}">
        <div>
            <h6>暂时无法取消订单</h6>
            <p>发起拼单半小时后，若未拼单成功将自动取消订单并退还乐币哦</p>
        </div>
        <b @click="getIsScreen()">我知道了</b>
    </div>
    <div id="mask" :class="{'maskShow':isShare}"></div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <!--<span class="maskBox-icon1" @click="getChoice(2)">圈子</span>-->
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/purchase/collageInfo.js?v=<%=$version%>"></script>
</body>
</html>